<template>
  <div id="app">
    <the-header></the-header>
    <router-view class="music-content"/>
    <song-audio></song-audio>
    <the-aside></the-aside>
    <play-bar/>
    <scroll-top/>
    <the-footer/>
  </div>
</template>

<script>
import TheHeader from "./components/TheHeader"
import ScrollTop from "./components/ScrollTop"
import TheFooter from "./components/TheFooter"
import SongAudio from "./components/SongAudio"
import PlayBar from "./components/PlayBar"
import TheAside from "./components/TheAside";
export default {
  name: 'App',
  components: {
    TheHeader,
    ScrollTop,
    TheFooter,
    SongAudio,
    TheAside,
    PlayBar
  }
}
</script>

<style  lang="scss" scoped>
@import './assets/css/app.scss';
</style>
